home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / DHTML - Scrollers / pausing-up-down-message.izs < prev    next >
Text File  |  2005-09-02  |  9KB  |  240 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Pausing up-down message scroller
  4. <!/TITLE>
  5.  
  6. <!BROWSER>FF1+ IE5+ Opr7+<!/BROWSER>
  7.  
  8. <!DESCRIPTION> An up-down message scroller that pauses between each message! 
  9. <!/DESCRIPTION> 
  10.  
  11. <!CATEGORY>scrollers<!/CATEGORY>
  12.  
  13. <!SCRIPT>
  14. <!-- START OF SCRIPT -->
  15. <!-- Step 1: Simply add the below code where you wish the scroller to appear in the <body>: -->
  16. <script type="text/javascript">
  17.  
  18. /***********************************************
  19. * Pausing updown message scroller- ⌐ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  20. * This notice MUST stay intact for legal use
  21. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  22. ***********************************************/
  23.  
  24. //configure the below five variables to change the style of the scroller
  25. var scrollerdelay='3000' //delay between msg scrolls. 3000=3 seconds.
  26. var scrollerwidth='150px'
  27. var scrollerheight='105px'
  28. var scrollerbgcolor='lightyellow'
  29. //set below to '' if you don't wish to use a background image
  30. var scrollerbackground='scrollerback.gif'
  31.  
  32. //configure the below variable to change the contents of the scroller
  33. var messages=new Array()
  34. messages[0]="<font face='Arial'><a href='http://www.dynamicdrive.com'>Click here to go back to Dynamicdrive.com frontpage</a></font>"
  35. messages[1]="<font face='Arial'><a href='http://javascriptkit.com'>Visit JavaScriptKit for award winning JavaScript tutorials</a></font>"
  36. messages[2]="<font face='Arial'><a href='http://www.codingforums.com'>Get help on scripting and web development. Visit CodingForums.com!</a></font>"
  37. messages[3]="<font face='Arial'><a href='http://www.freewarejava.com'>Looking for Free Java applets? Visit Freewarejava.com!</a></font>"
  38. messages[4]="<font face='Arial'><a href='http://dynamicdrive.com/link.htm'>If you find this script useful, please click here to link back to Dynamic Drive!</a></font>"
  39.  
  40. ///////Do not edit pass this line///////////////////////
  41.  
  42. var ie=document.all
  43. var dom=document.getElementById
  44.  
  45. if (messages.length>2)
  46. i=2
  47. else
  48. i=0
  49.  
  50. function move(whichdiv){
  51. tdiv=eval(whichdiv)
  52. if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
  53. tdiv.style.top=0+"px"
  54. setTimeout("move(tdiv)",scrollerdelay)
  55. setTimeout("move2(second2_obj)",scrollerdelay)
  56. return
  57. }
  58. if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
  59. tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
  60. setTimeout("move(tdiv)",50)
  61. }
  62. else{
  63. tdiv.style.top=parseInt(scrollerheight)+"px"
  64. tdiv.innerHTML=messages[i]
  65. if (i==messages.length-1)
  66. i=0
  67. else
  68. i++
  69. }
  70. }
  71.  
  72. function move2(whichdiv){
  73. tdiv2=eval(whichdiv)
  74. if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
  75. tdiv2.style.top=0+"px"
  76. setTimeout("move2(tdiv2)",scrollerdelay)
  77. setTimeout("move(first2_obj)",scrollerdelay)
  78. return
  79. }
  80. if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
  81. tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
  82. setTimeout("move2(second2_obj)",50)
  83. }
  84. else{
  85. tdiv2.style.top=parseInt(scrollerheight)+"px"
  86. tdiv2.innerHTML=messages[i]
  87. if (i==messages.length-1)
  88. i=0
  89. else
  90. i++
  91. }
  92. }
  93.  
  94. function startscroll(){
  95. first2_obj=ie? first2 : document.getElementById("first2")
  96. second2_obj=ie? second2 : document.getElementById("second2")
  97. move(first2_obj)
  98. second2_obj.style.top=scrollerheight
  99. second2_obj.style.visibility='visible'
  100. }
  101.  
  102. if (ie||dom){
  103. document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
  104. document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
  105. document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
  106. document.write(messages[0])
  107. document.writeln('</div>')
  108. document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
  109. document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
  110. document.writeln('</div>')
  111. document.writeln('</div>')
  112. document.writeln('</div>')
  113. }
  114.  
  115. if (window.addEventListener)
  116. window.addEventListener("load", startscroll, false)
  117. else if (window.attachEvent)
  118. window.attachEvent("onload", startscroll)
  119. else if (ie||dom)
  120. window.onload=startscroll
  121.  
  122. </script>
  123. <!-- END OF SCRIPT -->
  124. <!/SCRIPT>
  125.  
  126. <!PREVIEW>
  127. <!-- START OF SCRIPT -->
  128. <!-- Step 1: Simply add the below code where you wish the scroller to appear in the <body>: -->
  129. <script type="text/javascript">
  130.  
  131. /***********************************************
  132. * Pausing updown message scroller- ⌐ Dynamic Drive DHTML code library (www.dynamicdrive.com)
  133. * This notice MUST stay intact for legal use
  134. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  135. ***********************************************/
  136.  
  137. //configure the below five variables to change the style of the scroller
  138. var scrollerdelay='3000' //delay between msg scrolls. 3000=3 seconds.
  139. var scrollerwidth='150px'
  140. var scrollerheight='105px'
  141. var scrollerbgcolor='lightyellow'
  142. //set below to '' if you don't wish to use a background image
  143. var scrollerbackground='scrollerback.gif'
  144.  
  145. //configure the below variable to change the contents of the scroller
  146. var messages=new Array()
  147. messages[0]="<font face='Arial'><a href='http://www.dynamicdrive.com'>Click here to go back to Dynamicdrive.com frontpage</a></font>"
  148. messages[1]="<font face='Arial'><a href='http://javascriptkit.com'>Visit JavaScriptKit for award winning JavaScript tutorials</a></font>"
  149. messages[2]="<font face='Arial'><a href='http://www.codingforums.com'>Get help on scripting and web development. Visit CodingForums.com!</a></font>"
  150. messages[3]="<font face='Arial'><a href='http://www.freewarejava.com'>Looking for Free Java applets? Visit Freewarejava.com!</a></font>"
  151. messages[4]="<font face='Arial'><a href='http://dynamicdrive.com/link.htm'>If you find this script useful, please click here to link back to Dynamic Drive!</a></font>"
  152.  
  153. ///////Do not edit pass this line///////////////////////
  154.  
  155. var ie=document.all
  156. var dom=document.getElementById
  157.  
  158. if (messages.length>2)
  159. i=2
  160. else
  161. i=0
  162.  
  163. function move(whichdiv){
  164. tdiv=eval(whichdiv)
  165. if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
  166. tdiv.style.top=0+"px"
  167. setTimeout("move(tdiv)",scrollerdelay)
  168. setTimeout("move2(second2_obj)",scrollerdelay)
  169. return
  170. }
  171. if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
  172. tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
  173. setTimeout("move(tdiv)",50)
  174. }
  175. else{
  176. tdiv.style.top=parseInt(scrollerheight)+"px"
  177. tdiv.innerHTML=messages[i]
  178. if (i==messages.length-1)
  179. i=0
  180. else
  181. i++
  182. }
  183. }
  184.  
  185. function move2(whichdiv){
  186. tdiv2=eval(whichdiv)
  187. if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
  188. tdiv2.style.top=0+"px"
  189. setTimeout("move2(tdiv2)",scrollerdelay)
  190. setTimeout("move(first2_obj)",scrollerdelay)
  191. return
  192. }
  193. if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
  194. tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
  195. setTimeout("move2(second2_obj)",50)
  196. }
  197. else{
  198. tdiv2.style.top=parseInt(scrollerheight)+"px"
  199. tdiv2.innerHTML=messages[i]
  200. if (i==messages.length-1)
  201. i=0
  202. else
  203. i++
  204. }
  205. }
  206.  
  207. function startscroll(){
  208. first2_obj=ie? first2 : document.getElementById("first2")
  209. second2_obj=ie? second2 : document.getElementById("second2")
  210. move(first2_obj)
  211. second2_obj.style.top=scrollerheight
  212. second2_obj.style.visibility='visible'
  213. }
  214.  
  215. if (ie||dom){
  216. document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
  217. document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
  218. document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
  219. document.write(messages[0])
  220. document.writeln('</div>')
  221. document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
  222. document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
  223. document.writeln('</div>')
  224. document.writeln('</div>')
  225. document.writeln('</div>')
  226. }
  227.  
  228. if (window.addEventListener)
  229. window.addEventListener("load", startscroll, false)
  230. else if (window.attachEvent)
  231. window.attachEvent("onload", startscroll)
  232. else if (ie||dom)
  233. window.onload=startscroll
  234.  
  235. </script>
  236.  
  237. <!-- END OF SCRIPT -->
  238. <!/PREVIEW>
  239.  
  240. <!RELATED>NONE<!/RELATED>